<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>商品列表</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.css" />
        <link rel="stylesheet" type="text/css" href="../bootstrap-custom/plugin/datetimepicker/datetimepicker.min.css" />
        <link rel="stylesheet" type="text/css" href="../bootstrap-custom/plugin/select2/select2.css" />

        <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.ie6.css"/>
        <![endif]-->
        <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/ie.css"/>
        <![endif]-->

        <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.fix.css" />
        <link rel="stylesheet" type="text/css" href="../css/manage.css" />

    </head>

    <body>
        <!-- 用 JS 设置页面的导航菜单 -->
        <script>
            window.bz_set_nav_status = []; // 用于设置导航栏状态的数组，里面是很多设置 function()
        </script><!-- /用 JS 设置页面的导航菜单 -->   

        <!-- 顶部导航菜单 -->
        <div id="system_top_navbar" class="navbar navbar-static-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="#">棒主妇</a>
                    <ul class="nav">
                        <li><a href="#">账号[admin]</a></li>
                        <li class="active" ><a href="#">商品管理</a></li>
                        <li><a href="#">订单管理</a></li>           
                        <li><a href="#">账号管理</a></li> 
                    </ul>
                </div>
            </div>
        </div><!-- /顶部导航菜单 -->

        <!-- 信息提示区 -->
        <div class="container" style="margin-top:10px;margin-bottom:0px;">
            <div class="alert alert-error">
                <button type="button" class="close" data-dismiss="alert">
                    &times;
                </button>
                <div class="flashMessage">
                    <strong>注意：</strong> 这里是消息通知区
                </div>
            </div>
        </div><!-- 信息提示区 -->

        <!-- main_body -->
        <div id="main_body" class="container">

            <!-- ====================================== 这里是页面的主体内容 ============================================ -->        

            <div class="row bz_basic_content_block bz_box_shadow" style="padding:10px 10px 10px 10px;">

                <!-- 页面上方导航条 -->
                <div class="row">
                    <ul class="nav nav-tabs">
                        <li class="dropdown active">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">商品列表<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">在线商品</a></li>
                                <li><a href="#">下线商品</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /页面上方导航条 -->

                <!-- 页面主体内容 -->
                <div class="row">
                    <h4>全部商品</h4>

                    <!-- 这里是条件筛选区 -->
                    <div class="row well well-small">
                        <form class="form-horizontal form-horizontal-inline" method="GET" style="margin: 0px 0px 0px 0px;">   
                            <div class="control-group">
                                <div class="controls">
                                    <span class="input-label">商品ID</span>
                                    <input class="span1" type="text" pattern="[0-9]*" data-validation-pattern-message="商品ID应该是全数字" name="goods_id"  />

                                    <span class="input-label">商品名称</span>
                                    <input class="span2" type="text" name="goods_name"  />

                                    <span class="input-label">选择供货商</span>
                                    <select class="span2 select2-simple" name="suppliers_id" data-placeholder="供货商列表"  data-initValue="" >
                                        <option value=""></option>
                                    </select>                    

                                    <span class="input-label">选择状态</span>
                                    <select class="span2 select2-simple" name="is_on_sale" data-placeholder="商品状态" data-initValue="" >
                                        <option value=""></option>
                                        <option value="1">销售中</option>
                                        <option value="0">已下线</option>
                                    </select>
                                </div>
                            </div>                             

                            <div class="control-group">
                                <div class="controls">
                                    <button type="submit" class="btn btn-success">查询</button>
                                </div>
                            </div>                      
                        </form>
                    </div>
                    <!-- /这里是条件筛选区 -->

                    <!-- 商品列表 -->
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>商品ID</th>
                                <th width="40%">商品名称</th>
                                <th>团购时间</th>
                                <th>价格</th>
                                <th>库存剩余</th>
                                <th>售出订单</th>
                                <th>售出商品</th>                            
                                <th width="5%">状态</th>
                                <th width="8%">操作</th>
                            </tr>
                        </thead>
                        <tbody>

                            <!-- 一个商品 -->
                            <tr>
                                <td>200000</td>
                                <td>【全国包邮】仅99元！原价368元的 艾尔兰尼 超柔春秋被子 棉被 正品春秋被系列/加厚型春秋被、冬被-两色可选，温暖厚实柔软贴身，透气性强，给你最温暖细致的呵护，物美价廉的不二选择！</td>
                                <td><p>开始：2012-11:11 12:02:54</p><p>结束：2012-11:11 12:02:54</p></td>
                                <td><p>供货价：80元</p><p>快递费：10元</p></td>
                                <td>10000</td>
                                <td>10000</td>
                                <td>10000</td>
                                <td>销售中</td>
                                <td>
                                    <button class="btn btn-small" onclick='jQuery("#goods_statistics_dialog").modal()'>销售统计</button>
                                    <a class="btn btn-small" href="#">订单下载</a>
                                </td>
                            </tr><!-- /一个商品 -->                    

                        </tbody>
                    </table><!-- /商品列表 -->

                    <!-- 分页 -->
                    <div class="pagination pagination-right">
                        <ul>
                            <li>
                                <a href="#">首页</a>
                            </li>
                            <li class="active">
                                <a href="#">1</a>
                            </li>
                            <li>
                                <a href="#">2</a>
                            </li>
                            <li>
                                <a href="#">3</a>
                            </li>
                            <li>
                                <a href="#">4</a>
                            </li>
                            <li>
                                <a href="#">末页</a>
                            </li>
                        </ul>
                    </div><!-- 分页 -->

                </div><!-- /页面主体内容 -->

            </div>

            <!-- 商品统计详情对话框 -->
            <div id="goods_statistics_dialog" class="modal hide fade">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h3>商品销售详情</h3>
                </div>
                <div class="modal-body">

                    <!-- 错误警告 -->
                    <div id="goods_statistics_error" class="row" style="text-align: center;font-weight: bold;">
                        <label class="label label-important">错误：</label>读取商品销售详情错误
                    </div><!-- /错误警告 -->

                    <!-- 商品统计详情 -->
                    <div class="row">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th width="20%">&nbsp;</th>
                                    <th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="labelkey">商品ID</td>
                                    <td id="goods_statistics_goods_id" class="labelvalue">20000</td>
                                </tr>  
                                <tr>
                                    <td class="labelkey">商品名称</td>
                                    <td id="goods_statistics_goods_name" class="labelvalue">【全国包邮】仅99元！原价368元的 艾尔兰尼 超柔春秋被子 棉被 正品春秋被系列/加厚型春秋被、冬被-两色可选，温暖厚实柔软贴身，透气性强，给你最温暖细致的呵护，物美价廉的不二选择！</td>
                                </tr>
                                <tr>
                                    <td class="labelkey">商品状态</td>
                                    <td id="goods_statistics_goods_status" class="labelvalue">销售中</td>
                                </tr>    
                                <tr>
                                    <td class="labelkey">限购数量</td>
                                    <td class="labelvalue">
                                        最少购买：<span id="goods_statistics_goods_min_buy">5</span>&nbsp;
                                        最大购买：<span id="goods_statistics_goods_max_buy">0</span>
                                    </td>
                                </tr>      
                                <tr>
                                    <td class="labelkey">商品定价</td>
                                    <td class="labelvalue">
                                        供货价：<span id="goods_statistics_suppliers_price">50</span>&nbsp;
                                        供货快递：<span id="goods_statistics_suppliers_shipping_fee">10</span>
                                    </td>
                                </tr>                                 
                                <tr>
                                    <td class="labelkey">销售时间</td>
                                    <td class="labelvalue">
                                        <span id="goods_statistics_goods_start_time">2012-12-04 17:31:40</span>--
                                        <span id="goods_statistics_goods_end_time">2012-12-04 17:31:40</span>
                                    </td>
                                </tr>      


                                <!-- 分割符 -->
                                <tr><td colspan="2" class="well well-small">&nbsp;</td></tr>
                                <!-- /分割符 -->

                                <tr>
                                    <td class="labelkey">订单统计</td>
                                    <td class="labelvalue">
                                        总订单：<span id="goods_statistics_total_order">100</span>&nbsp;
                                        付款订单：<span id="goods_statistics_pay_order">80</span>&nbsp;
                                        退款订单：<span id="goods_statistics_refund_order">10</span>
                                    </td>
                                </tr>    

                                <tr>
                                    <td class="labelkey">商品统计</td>
                                    <td class="labelvalue">
                                        总商品：<span id="goods_statistics_total_goods">100</span>&nbsp;
                                        付款商品：<span id="goods_statistics_pay_goods">80</span>&nbsp;
                                        退款商品：<span id="goods_statistics_refund_goods">10</span>
                                    </td>
                                </tr>                                  

                            </tbody>
                        </table>
                    </div><!-- /商品统计详情 -->
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-success" data-dismiss="modal" >关闭</a>
                </div>
            </div><!-- 商品统计详情对话框 -->            

            <!-- ====================================== /这里是页面的主体内容 ============================================ -->

        </div> <!-- /main_body -->

        <!-- 尾部 footer -->
        <div class="navbar navbar-fixed-bottom">
            <div class="navbar-inner">
                <div class="container">
                    <div class="row" style="text-align:center;">
                        <span>版权所有：bzfshop 2012-2013</span>
                    </div>
                </div>
            </div>
        </div><!-- /尾部 footer -->           

        <script type="text/javascript" src="../bootstrap-custom/js/json2.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/js/jquery.cookie.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/js/jquery.lazyload.min.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/js/bootstrap.ie.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/js/validator.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/plugin/datetimepicker/datetimepicker.min.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/plugin/select2/select2.min.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/kindeditor/kindeditor-min.js"></script>
        <script type="text/javascript" src="../bootstrap-custom/kindeditor/lang/zh_CN.js"></script>
        <script type="text/javascript" src="../js/manage.js"></script>

        <!--[if lte IE 9]>
        <script type="text/javascript" src="../bootstrap-custom/js/iefix.js"></script>
        <![endif]-->

    </body>
</html>